<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Software HK</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="screen" />
	<!--[if IE 8]>
	<link type="text/css" rel="stylesheet" media="all" href="css/ie8-fixes.css" />
	<![endif]-->
</head>
<body>
<div id="wrapper">

	<div id="header-stretch">
		<div id="header">
			<h1><a href="">Software HK</a></h1>
			<div id="nav">
				<ul>
					<li><a href="index.html">Trang chủ</a></li>
					<li><a href="service.html">Dịch vụ</a></li>
					<li><a href="customer.html">Khách hàng</a></li>
					<li><a href="#">Tuyển dụng</a></li>
					<li><a href="contact.html">Liên hệ</a></li>
				</ul>
			</div><!--nav-->
			<div id="flag">
				<ul>
					<li><a href="#"><img src="images/vn.png" alt="" /></a></li>
					<li><a href="#"><img src="images/usa.png" alt="" /></a></li>
				</ul>
			</div>
			<div>
				<div class="bg2"></div>
				<div class="bg3"></div>
				<div class="bg4"></div>
			</div>
			<div class="slogan">Hoàng Khang mang đến <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; giải pháp toàn diện</div>
			<div class="mockup"><img src="images/mockup.png" alt="" /></div>
			<div class="search">
				<input type="text" value="Tìm kiếm..." />
			</div>
		</div><!--end header-->
	</div><!--header-stretch-->

	<div id="main-container">
		<div id="left">
			<div id="intro">
				<h2><a href="">Chung toi la ai ?</a></h2>
				<p>
				Fusce vehicula dignissim ligula. Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum. Suspendisse potenti. Ut dapibus est id odio pretium blandit in eget leo. Aliquam erat volutpat. Curabitur blandit odio eget odio eleifend vel mattis augue convallis. Praesent fringilla, eros et tristique tempus, libero metus porttitor velit, at ultrices eros dolor placerat nunc. Fusce ac egestas ante.
				</p><br />
				<div style="float: left; padding-right:15px; ">
					<img src="images/photo1.jpg" alt="" />
				</div>
				<p>
				<strong> Lorem Ipsum is simply dummy text of the printing and typesetting industry.</strong> <br />

				Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
				when an unknown printer took a galley of type and scrambled it to make a type specimen book. <br />

				It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
				</p>
			</div><!-- intro-->
			
			<div id="sp">
				<h2><a href="">San pham</a></h2>
				<div id="nav1">
					<ul>
						<li><a href="#"><img src="images/photo2.jpg" alt="" /></a></li>
						<li><a href="#"><img src="images/photo3.jpg" alt="" /></a></li>
						<li><a href="#"><img src="images/photo4.jpg" alt="" /></a></li>
					</ul>
				</div>
			</div><!--sp-->
			
			<div id="services">
				<h2><a href="">Dich vu</a></h2>
				<div class="service">
					<div style="float: left; padding-right:10px">
						<img src="images/icon.jpg" alt="" />
					</div>
					<h3><a href="#">Thiết kế web </a></h3>
					<p>distribution of letters, as opposed to but also the leap into electronic using 'Content here, content here', making it look like readable English. </p>
				</div><!--service-->
				
				<div class="service">
					<div style="float: left; padding-right:10px">
						<img src="images/icon.jpg" alt="" />
					</div>
					<h3><a href="#">Thiết kế web </a></h3>
					<p>distribution of letters, as opposed to but also the leap into electronic using 'Content here, content here', making it look like readable English. </p>
				</div><!--service-->
				
				<div class="service">
					<div style="float: left; padding-right:10px">
						<img src="images/icon.jpg" alt="" />
					</div>
					<h3><a href="#">Thiết kế web </a></h3>
					<p>distribution of letters, as opposed to but also the leap into electronic using 'Content here, content here', making it look like readable English. </p>
				</div><!--service-->
				
				<div class="service">
					<div style="float: left; padding-right:10px">
						<img src="images/icon.jpg" alt="" />
					</div>
					<h3><a href="#">Thiết kế web </a></h3>
					<p>distribution of letters, as opposed to but also the leap into electronic using 'Content here, content here', making it look like readable English. </p>
				</div><!--service-->
			</div><!--end services-->
			
			</div><!-- left-->
			
			<div id="right">
				<div id="support">
					<h2><a href="">Ho tro truc tuyen</a></h2>
					<div id="nav2">
						<ul>
							<li><a href="">Kinh doanh</a></li>
							<li class="yh"><a href=""><img src="images/yahoo.jpg" alt="" /></a></li>
							<li class="skype"><a href=""><img src="images/skype.jpg" alt="" /></a></li>
							<li class="phone"><a href=""><img src="images/phone.jpg" alt="" /></a></li>
							<li><a href="">0988 287 228</a></li>
						</ul>
					</div>
					<div id="nav2">
						<ul>
							<li><a href="">Kinh doanh</a></li>
							<li class="yh"><a href=""><img src="images/yahoo.jpg" alt="" /></a></li>
							<li class="skype"><a href=""><img src="images/skype.jpg" alt="" /></a></li>
							<li class="phone"><a href=""><img src="images/phone.jpg" alt="" /></a></li>
							<li><a href="">0988 287 228</a></li>
						</ul>
					</div>
					<div id="nav2">
						<ul>
							<li><a href="">Kinh doanh</a></li>
							<li class="yh"><a href=""><img src="images/yahoo.jpg" alt="" /></a></li>
							<li class="skype"><a href=""><img src="images/skype.jpg" alt="" /></a></li>
							<li class="phone"><a href=""><img src="images/phone.jpg" alt="" /></a></li>
							<li><a href="">0988 287 228</a></li>
						</ul>
					</div>
				</div><!--end support-->
				
				<div id="tuvan">
					<h2><a href="#">Tu van thiet ke</a></h2>
					<div id="nav3">
						<ul>
							<li><a href="#">Tái tạo sức sống cho mẫu logo kém hiệu quả</a></li>
							<li><a href="#">Những lưu ý khi chuẩn bị xây dựng website</a></li>
							<li><a href="#">Thời gian và chi phí để có một website ?</a></li>
							<li><a href="#">Phân biệt sự khác nhau giữa website động và website tĩnh</a></li>
							<li><a href="#">Có nên thiết kế lại website ?</a></li>
						</ul>
					</div>
				</div><!--tuvan-->
				
				<div id="mail">
					<h2><a href="#">Mailing list</a></h2>
					<div class="mail">
						<input type="text" value="Email..." />
						<input type="submit" value="GỬI" />
						<p>Gửi email của bạn để nhận thông tin của chúng tôi</p>
					</div>
				</div><!--mail-->
				
				<div id="info">
					<h2><a href="#">Thong tin lien he</a></h2>
					<p>
					The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. <br /><br />
					<strong>Tel:</strong>08 39847690 (Ext: 102) <br />
					<strong>Fax:</strong>08 39847691 <br />
					<strong>Email:</strong>software@hoangkhang.com.vn
					</p>
				</div><!--info-->
				
				
			</div><!--end right-->
			
	</div><!--end main-container-->
	
	
						<h2>Mailing list</h2>
					
					<div class="mail">
						<p>Gửi email của bạn để nhận thông tin của chúng tôi</p>
						<input type="text" value="Email..." /> <br />
						<input type="submit" value="GỬI" />
						
					</div>
					
										<h2>Danh mục</h2>
					<ul>
						<li><a href="#">Thiết kế web</a></li>
						<li><a href="#">Tên miền và lưu trữ web</a></li>
						<li><a href="#">Quảng bá web</a></li>
						<li><a href="#">Thiết kế phần mềm</a></li>
						<li><a href="#">Dịch vụ khác</a></li>
					</ul>
	
	
	
	
	<div id="footer">
		<div id="nav4">
			<ul>
					<li><a href="#">Trang chủ</a></li>
					<li><a href="#">Dịch vụ</a></li>
					<li><a href="#">Khách hàng</a></li>
					<li><a href="#">Tuyển dụng</a></li>
					<li style="border: none"><a href="#">Liên hệ</a></li>
			</ul>
		</div>
		<div id="copyright"><p>© Copyright 2008 - 2012. hoangkhang.com.vn. All Rights Reserved</p></div>
	</div><!--footer-->

</div><!--wrapper-->
</body>
</html>